<template>
		<text class="badge bg-danger font-sm text-white rounded-circle"
		:class="badgeClass" :style="badgeStyle">
		 {{number}}
		</text>
</template>

<script>
	export default {
		props:{
			badgeClass: {
				type:String,
				default: ''
			},
			badgeStyle:{
				type:String,
				default:''
			},
			number:{
				type:Number,
				default:''
			}
		}
	}
</script>

<style scoped>
	.badge {
		padding-left: 13rpx;
		padding-right: 13rpx;
		padding-top: 2rpx;
		padding-bottom: 2rpx;
	}
</style>